.page-container {
	position: relative;
	min-height: 100vh;
	
	> .header {
		width: 100vw;
	}
	
	> .content {
		padding-top: 64rpx;
		padding-left: 64rpx;
		padding-right: 64rpx;
		background: white;
		border-radius: 40rpx 40rpx 0 0;
		transform: translateY(-60rpx);
		
		.form-container {
			.form-item {
				.input-container,
				.selector {
					background: #f4f5f8;
					border-radius: 42rpx 42rpx 42rpx 42rpx;
					padding: 22rpx 40rpx;
					display: flex;
				}
				
				.selector {
					justify-content: space-between;
					align-items: center;
					font-size: 28rpx;
					
					.text {
						color: #333333;
					}
					
					.placeholder {
						color: #bebebe;
					}
					
					.icon {
						width: 28rpx;
						height: 28rpx;
					}
				}
				
				.input-container {
					input {
						font-size: 28rpx;
						width: 100%;
					}
					
					.placeholder {
						color: #bebebe;
					}
					
					&.verify-code {
						.input {
							width: 0;
							flex: 1;
						}
					}
				}
			}
		}
		
		.btn-container {
			margin-top: 40rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			background: #3b70e4;
			height: 84rpx;
			width: 100%;
			color: white;
			font-size: 32rpx;
			border-radius: 42rpx 42rpx 42rpx 42rpx;
		}
	}
}
